<template>
    <div class="boss">
        <div class="rotation">
            <Rotation /> 
        </div>
        <div class="card">
            <Card/>
        </div>
        <div class="myechart">
            <Myechart />
        </div>
        <div class="mytable">
            <Mytable/>
        </div>
    </div>
</template>

<script type="text/javascript">

import Rotation from "./components/Rotation.vue"
import Card from "./components/Card.vue"
import Mytable from "./components/Mytable.vue"
import Myechart from "./components/Myechart.vue"

export default {
    components:{
        Rotation,
        Card,
        Mytable,
        Myechart,
    },
    data() {
        return {
            
        }
    },
    mounted(){
        
    },
    methods: {
       
    },
}
</script>

<style lang="less" scoped>
    
    .myechart{
        margin: 15px;
    }
    .rotation{
        float: left;
        margin-left: 15px;
    }
    .card{
        float: right;
        margin-right: 15px;
    }
    .mytable{
        margin: 15px;
    }
    .el-main{
        padding: 20px;
    }



</style>
